<template>
    <div>
        <el-divider content-position="left">审核操作</el-divider>
        <div>
            <el-form :model="ruleForm" status-icon ref="ruleForm">
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="审核人：" prop="proName">
                            <el-select v-model="value" filterable allow-create default-first-option placeholder="请选择审核人">
                                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="审核说明:" prop="proDocimentNumber">
                            <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="ruleForm.textarea"> </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </div>
        <el-divider content-position="left">审核记录</el-divider>
        <div class="block">
            <el-timeline :reverse="reverse">
                <el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="activity.timestamp">
                    {{ activity.content }}<br />
                    {{ activity.userName }}<br />
                    {{ activity.shsm }}
                </el-timeline-item>
            </el-timeline>
        </div>
    </div>
</template>
<script>
export default {
    created() {},
    data() {
        return {
            ruleForm: {
                result: '',
                textarea: ''
            },
            reverse: true,
            options: [],
            value: [],
            activities: [
                {
                    content: '活动按期开始',
                    timestamp: '2018-04-15',
                    userName: '余华',
                    shsm: 'hhh'
                },
                {
                    content: '通过审核',
                    timestamp: '2018-04-13',
                    userName: '余华',
                    shsm: ''
                },
                {
                    content: '创建成功',
                    timestamp: '2018-04-11',
                    userName: '余华',
                    shsm: ''
                }
            ]
        };
    },
    methods: {}
};
</script>